<template>
  <div class="footer">    
    <div class="center">
      <span>
        © 2024-{{ state.year }} 有理叔. All rights reserved.
      </span>
      <span>
        <a href="https://beian.miit.gov.cn">浙ICP备2023047145号-1</a>    
      </span>
    </div>
  
  </div>
</template>

<script setup>
import { onMounted, reactive } from 'vue'
const state = reactive({
  year: 2024
})
onMounted(()=>{
  let currentTime = new Date();
  state.year = currentTime.getFullYear();
})

// export default {
//   name: 'Footer'
// }
</script>

<style scoped>
  .footer {
   
    height: 50px;
    border-top: 1px solid #e9e9e9;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  .left{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }
  .center{
    font-family: 'Times New Roman', Times, serif;
    font-size: larger;
  }

</style>